<template>
	<div class="module-item-video" :style="!JSON.parse(module.base.m) ? 'margin-top:0' : ''">
		<div class="item-video-con">
			<moduleBg :base="module.base" />
			<!--样式一-->
			<div class="item-video-style1" v-if="module.base.s == 0">
				<p class="tit" v-if="JSON.parse(module.title.s)"><moduleText :text="module.title" /></p>
				<div class="item" v-for="(item, index) in module.list" :key="index">
					<video v-if="item.url" width="100%" controls="controls" :height="module.base.h">
						<source :src="item.url" type="video/mp4" />
					</video>
					<p v-else><img :src="$util.icon('video.png')" alt=""></p>

				</div>
			</div>
		</div>
	</div>
</template>

<script>
import moduleBg from '@/views/module/bg.vue';
import moduleText from '@/views/module/text.vue';
export default {
	props: ['module'],
	components: { moduleBg, moduleText },
	data() {
		return {};
	},

	mounted() {},
	methods: {}
};
</script>

<style></style>
